<template>
	<div class="find-time">
		<div class="big-box">
			<div class="item special">
				<div class="number">{{statisticsData[0].num}}</div>
				<div class="what-time">
					<img src="../../assets/image/icon／月备份@2x.png" alt="">
					{{statisticsData[0].statistics}}
				</div>
			</div>
			<div class="item special-1">
				<div class="number">{{statisticsData[1].num}}</div>
				<div class="what-time">
					<img src="../../assets/image/icon／月备份 2@2x.png" alt="">
					{{statisticsData[1].statistics}}
				</div>
			</div>
			<div class="item special-2">
				<div class="number">{{statisticsData[2].num}}</div>
				<div class="what-time">
					<img src="../../assets/image/icon／月@2x.png" alt=""> 
					{{statisticsData[2].statistics}}
				</div>
			</div>
			<div class="item special-3">
				<div class="number ">{{statisticsData[3].num}}</div>
				<div class="what-time">
					<img src="../../assets/image/icon／月备份 3@2x.png" alt="">
					{{statisticsData[3].statistics}}
				</div>
			</div>
		</div>
	</div>
</template>
 
<script>
	export default {
		props: {
			statisticsData: {
				type: Array
			}
		},
		data() {
			return {
			}
		}
	}
</script>
 
<style scoped lang="less">
	.find-time{
		.big-box{
			background-color: white;
			padding: 16px 0;
			display: flex;
			flex-wrap: wrap;
			.item{
				// background-color: pink;
				height: 69px;
				width: 44%;
				box-sizing: border-box;
				.number{
					font-size: 24px;
					font-family: PingFangSC-Medium, PingFang SC;
					font-weight: 500;
					color: #333333;
				}
				.what-time{
					font-size: 13px;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #666666;
					// padding-top: 5%;
					align-items: center;
					img{
						// padding-top: 2%;
						width: 20px;
						height: 20px;
					}
				}
			}
			.special{
				margin-left: 20px;
				border-bottom: 1px solid #E6E6E6;
				border-right: 1px solid #E6E6E6;
			}
			.special-1{
				border-bottom: 1px solid #E6E6E6;
				padding-left: 20px;
			}
			.special-2{
				padding-left: 20px;
				padding-top: 16px;
				margin-right: 20px;
			}
			.special-3{
				padding: 16px 0 0 20px;
				border-left: 1px solid #E6E6E6;
			}
		}
		
	}
</style>